<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RDFaCE: RDFa Content Editor</title>
<!-- Load jquery-->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdface/js/util/jquery.js"></script>
<!-- Load drag and resize library -->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdface/js/util/jquery.DnR.js"></script>
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdface/js/util/dimensions.DnR.js"></script>
<!-- Load popular prefixes -->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdface/js/util/prefixes.js"></script>
<!-- Load DOM Manipulator-->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdface/js/util/DOMManipulator.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- TinyMCE -->
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist,rdface",
		// Add XHHTML elements for RDFa
		valid_elements : "*[*]",
		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "namespace,about,property,rdfGraph,rdfEnrich,stat,setting",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
		content_css : "css/content.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",

		// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],

		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>
<!-- /TinyMCE -->

</head>
<body>
<form method="post" action="http://localhost/googleRep/TinyMCE 3.4.3.2/php/page.php">
	<div>
		<h3>TinyMCE RDFaCE plugin</h3>
		<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
		<div>
			<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
&lt;h1 &gt;Messi's Goals Worthy of Praise&lt;/h1&gt; &lt;div &gt;&lt;img src="http://graphics8.nytimes.com/images/2011/04/28/sports/28onsoccer-1/28onsoccer-1-articleLarge.jpg" alt="" width="246" border="0" height="129" /&gt; &lt;div &gt;Sergio Perez/Reuters&lt;/div&gt; &lt;p &gt;Barcelona's Lionel Messi, left, celebrates after scoring his second goal against Real Madrid.&lt;/p&gt; &lt;/div&gt; &lt;h6 &gt;By &lt;a href="http://topics.nytimes.com/top/reference/timestopics/people/h/rob_hughes/index.html?inline=nyt-per" &gt;ROB HUGHES&lt;/a&gt;&lt;/h6&gt; &lt;h6 &gt;Published: April 27, 2011&lt;/h6&gt; &lt;p&gt;Thank the world for &lt;a href="http://topics.nytimes.com/top/reference/timestopics/people/m/lionel_messi/index.html?inline=nyt-per" &gt;Lionel Messi&lt;/a&gt;. Without him, without the two goals he scored for &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/la-liga/fc-barcelona/index.html?inline=nyt-org"  &gt;Barcelona&lt;/a&gt; to beat &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/la-liga/real-madrid/index.html?inline=nyt-org" &gt;Real Madrid&lt;/a&gt;, 2-0, in Madrid's Bernabeu stadium Wednesday night, soccer would now be lamenting the ugly face of the millionaires' game.&lt;/p&gt; &lt;p&gt;As it turned out, Messi's goals, the second when he took on the entire Madrid defense on his own, turned brutishness into beauty.&lt;/p&gt; &lt;p&gt;The outcome left Barcelona the favorite to finish off Madrid in the second leg of the Champions League semifinal Tuesday in its home stadium. It leaves the probable final of the top European competition a rematch, at London's Wembley Stadium, of the 2009 final in Rome between Barcelona and &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/premier-league/manchester-united/index.html?inline=nyt-org" &gt;Manchester United&lt;/a&gt;.&lt;/p&gt; &lt;h6 &gt;&lt;span style="font-size: xx-small;"&gt;A version of this article appeared in print on April 28, 2011, on page B18 of the New York edition with the headline: Pretty Goals and Complaining Coach.&lt;/span&gt;&lt;/h6&gt;
			</textarea
		</div>

		<!-- Some integration calls -->
		<a href="javascript:;" onclick="tinyMCE.get('elm1').show();return false;">[Show]</a>
		<a href="javascript:;" onclick="tinyMCE.get('elm1').hide();return false;">[Hide]</a>
		<a href="javascript:;" onclick="tinyMCE.get('elm1').execCommand('Bold');return false;">[Bold]</a>
		<a href="javascript:;" onclick="alert(tinyMCE.get('elm1').getContent());return false;">[Get contents]</a>
		<a href="javascript:;" onclick="alert(tinyMCE.get('elm1').selection.getContent());return false;">[Get selected HTML]</a>
		<a href="javascript:;" onclick="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));return false;">[Get selected text]</a>
		<a href="javascript:;" onclick="alert(tinyMCE.get('elm1').selection.getNode().nodeName);return false;">[Get selected element]</a>
		<a href="javascript:;" onclick="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');return false;">[Insert HTML]</a>
		<a href="javascript:;" onclick="tinyMCE.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');return false;">[Replace selection]</a>

		<br />
		<input type="submit" name="save" value="Submit" />
		<input type="reset" name="reset" value="Reset" />
	</div>
</form>
<div class="clearlooks2" style="width:308px; height:370px; left:420px;display:none;" id="tripleBrowser">
		<div class="mceWrapper mceMovable mceFocus">
			<div class="mceTop">
				<div class="mceLeft"></div>
				<div class="mceCenter"></div>
				<div class="mceRight"></div>
				<span>Triple Browser</span>
			</div>

			<div class="mceMiddle">
				<div class="mceLeft"></div>
				<span><iframe id="tripleFrame" height="345" width="300" frameborder="0" src="../jscripts/tiny_mce/plugins/rdface/tripleBrowser.htm">
   Your browser can't display IFRAMEs
</iframe></span>
				<div class="mceRight"></div>
			</div>

			<div class="mceBottom">
				<div class="mceLeft"></div>
				<div class="mceCenter"></div>
				<div class="mceRight"></div>
				<span>Statusbar text.</span>
			</div>

			<a class="mceMove"></a>
			<a id="closeIcon" class="mceClose"></a>

		</div>
	</div>
</div>
<script type="text/javascript">
if (document.location.protocol == 'file:') {
	alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
}
</script>
</body>
</html>
